<!DOCTYPE html>
<html class="no-js" lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>GODOT技术分享|GODOT工坊</title>     
        <!-- font awesome cdn link  -->
        <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.1.1/css/all.min.css">
     
        <!-- bootstrap cdn link  -->
        <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.1/css/bootstrap.min.css">
        
        <!-- custom css file link  -->
        <link rel="stylesheet" href="static/css/style.css">
     </head>
    <!-- header section starts     -->
    <header class="header fixed-top">
        <div class="container">    
        <div class="row align-items-center">            
            <a href="#" class="logo mr-auto">  <div class="row"><img src="static/images/icon2.svg" style="width: 40px;" alt=""> <span>&nbspGodot   工坊</span> </div> </a> 
            <!--<a href="#" class="logo mr-auto"> <i class="fas fa-mug-hot"></i> Godot </a>  -->
            <nav class="nav">
                <a href="#home">首页</a>
                <a href="#about">关于</a>
                <a href="#menu">版块</a>
                <a href="#gallery">作品</a>
                <a href="#reviews">分享</a>
               <!-- <a href="#contact">社区</a> -->
                <a href="#blogs">支持</a>
            </nav>
            <div class="icons">
                <div id="menu-btn" class="fas fa-bars"></div>
                <div id="login-btn" class="fas fa-user"></div>
            </div>    
        </div>    
        </div>
    </header>
    <!-- login form starts -->

    <div class="login-form">

        <form action="">
        <div id="close-login-form" class="fas fa-times"></div>
        <a href="#" class="logo mr-auto"></i> 加入社区 </a>
        <h3>让我们开始新美好的一天!</h3>
        <input type="email" name="" placeholder="输入你的邮箱"  class="box">
        <input type="password" name="" placeholder="输入你的密码"  class="box">
        <div class="flex">
            <input type="checkbox" name="" id="remember-me">
            <label for="remember-me">阅读</label>
            <a href="#">忘记密码?</a>
        </div>
        <input type="submit" value="现在登录" class="link-btn">
        <p class="account">没有账户? <a href="#">创建一个!</a></p>
        </form>    
    </div>

    <body class="">        

<!-- 首页 section starts  -->

<section class="home" id="home">

   <div class="container">

      <div class="row align-items-center text-center text-md-left min-vh-100">
         <div class="col-md-7">
            <span>网站内容正在建设中。</span>
         </div>
      </div>
   </div>

</section>

<!-- 首页 section ends -->

<!-- 关于 section starts  -->

<section class="about" id="about">

   <div class="container">

      <div class="row align-items-center">
         <div class="col-md-6">
            <div class="embed-responsive embed-responsive-4by3">   
               <iframe src="//player.bilibili.com/player.html?bvid=BV1Dy4y1S7xq&cid=264458391&page=1" scrolling="no"  frameborder="no" framespacing="0"></iframe> 
            </div>
            <!-- <img src="/static/images/godot_release.jpg" class="w-100" alt="">  -->
         </div>
         <div class="col-md-6">
            <span>Godot工坊由众多爱好者合力倾心汇聚</span>
            <h3 class="title">——————</h3>
            <p>Godot工坊由众多爱好者合力倾心汇聚技术和资源，让开发者便捷踏上游戏制作之旅，构建属于自己的游戏佳作。</p>
            <!-- <a href="article2" class="link-btn">详情</a>-->
            <div class="icons-container">
               <div class="icons">
                  <i class="fas fa-earth-europe"></i>
                  <h3>开源定制</h3>
               </div>
               <div class="icons">
                  <i class="fas fa- fa-language"></i>
                  <h3>中文编程</h3>
               </div>
               <div class="icons">
                  <i class="fas fa-rocket"></i> 
                  <h3>功能丰富</h3>
               </div>
            </div>
         </div>
      </div>

   </div>

</section>


<!-- footer section starts  -->
<section class="footer container">   
    <p class="credit"> 站长： <a href="https://space.bilibili.com/333959359">矢量工坊宝儿姐</a>   </p>        
    <p class="credit">  © 2018-2022　<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener"><span>陇ICP备2020004491号-1</span></a></p>
</section>
 <!-- custom js file link  -->
</body>
<script src="static/js/script.js"></script>
</html>
